<template>
  <div class="home-content">
    <Row>
      <Col :xs="24" :sm="24" :md="24" :lg="17">
        <div class="layout-left">
          <timeline-header></timeline-header>
          <div class="tool">
            <Row>
              <div class="jdk">
                <Col span="24" class="col">
                  <Card>
                    <p slot="title">
                      <Tag color="magenta" size="large">JDK</Tag>
                    </p>
                    <p>
                      <Card>
                        <p>
                          <a
                            class="flex"
                            target=""
                            href="http://qiniu.oneyuanma.com/jdkx6417.zip"
                            ><img
                              src="@/assets/imgs/jdk.png"
                              alt="JDK1.7"
                              title="JDK1.7"
                            /><span class="font">JDK1.7</span></a
                          >
                        </p>
                      </Card>
                    </p>

                    <p style="margin-top: 10px">
                      <Card>
                        <p>
                          <a
                            class="flex"
                            target=""
                            href="http://qiniu.oneyuanma.com/jdk1.8.zip"
                            ><img
                              src="@/assets/imgs/jdk.png"
                              alt="JDK1.8"
                              title="JDK1.8"
                            /><span class="font">JDK1.8</span></a
                          >
                        </p>
                      </Card>
                    </p>

                    <p style="margin-top: 10px">
                      <Card>
                        <p>
                          <a
                            class="flex"
                            target=""
                            href="http://qiniu-file.xiyanyuanma.com/jdk11.txt"
                            ><img
                              src="@/assets/imgs/jdk.png"
                              alt="JDK11"
                              title="JDK11"
                            /><span class="font">JDK11</span></a
                          >
                        </p>
                      </Card>
                    </p>

                    <p style="margin-top: 10px">
                      <Card>
                        <p>
                          <a
                            class="flex"
                            target=""
                            href="http://qiniu-file.xiyanyuanma.com/jdk14.txt"
                            ><img
                              src="@/assets/imgs/jdk.png"
                              alt="JDK14"
                              title="JDK14"
                            /><span class="font">JDK14</span></a
                          >
                        </p>
                      </Card>
                    </p>
                  </Card>
                </Col>
              </div>
            </Row>
          </div>

          <div class="ide">
            <Row>
              <div class="idea">
                <Col span="24" class="col">
                  <Card>
                    <p slot="title">
                      <Tag color="orange" size="large">IDEA</Tag>
                    </p>
                    <p>
                      <Card>
                        <p>
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/myeclipse%202014%20%E5%AE%89%E8%A3%85%E5%8C%85.zip"
                                ><img
                                  src="@/assets/imgs/myeclipse.png"
                                  alt="MyEclipse2014"
                                  title="MyEclipse2014"
                                /><span class="font">MyEclipse2014</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/eclipse.zip"
                                ><img
                                  src="@/assets/imgs/eclipse.png"
                                  alt="Eclipse"
                                  title="Eclipse"
                                /><span class="font">Eclipse</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/Idea.zip"
                                ><img
                                  src="@/assets/imgs/idea.png"
                                  alt="IntelliJ IDEA 2019.1.3 x64"
                                  title="IntelliJ IDEA 2019.1.3 x64"
                                /><span class="font"
                                  >IntelliJ IDEA 2019.1.3 x64破解版</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-file.xiyanyuanma.com/intellij%20idea%202020.txt"
                                ><img
                                  src="@/assets/imgs/idea.png"
                                  alt="IntelliJ IDEA 2020.1.2 x64"
                                  title="IntelliJ IDEA 2020.1.2 x64"
                                /><span class="font"
                                  >IntelliJ IDEA 2020.1.2 x64破解版</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/Visual%20Studio%202012%20%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87%E6%97%97%E8%88%B0%E7%89%88%20%28%E8%81%94%E7%BD%91MSDN%29.zip"
                                ><img
                                  src="@/assets/imgs/visualstudio.jpg"
                                  alt="Visual Studio 2012"
                                  title="Visual Studio 2012"
                                /><span class="font"
                                  >Visual Studio 2012</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>
                      </Card>
                    </p>
                  </Card>
                </Col>
              </div>
            </Row>
          </div>

          <div class="base">
            <Row>
              <div class="database">
                <Col span="24" class="col">
                  <Card>
                    <p slot="title">
                      <Tag color="green" size="large">数据库</Tag>
                    </p>
                    <p>
                      <Card>
                        <p>
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/mysql-5.7.17.zip"
                                ><img
                                  src="@/assets/imgs/mysql.png"
                                  alt="Mysql-5.7.17"
                                  title="Mysql-5.7.17"
                                /><span class="font">Mysql-5.7.17</span></a
                              >
                            </p>
                          </Card>
                        </p>
                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-file.xiyanyuanma.com/mysql8.txt"
                                ><img
                                  src="@/assets/imgs/mysql.png"
                                  alt="Mysql-8.0.20"
                                  title="Mysql-8.0.20"
                                /><span class="font">Mysql-8.0.20</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/Oracle%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%B7%A5%E5%85%B7.zip"
                                ><img
                                  src="@/assets/imgs/oracle.jpg"
                                  alt="Oracle客户端和服务端"
                                  title="Oracle客户端和服务端"
                                /><span class="font"
                                  >Oracle客户端和服务端</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/%E6%95%B0%E6%8D%AE%E5%BA%93sql%20server.zip"
                                ><img
                                  src="@/assets/imgs/sqlservice.jpg"
                                  alt="SqlServer 2008"
                                  title="SqlServer 2008"
                                /><span class="font">SqlServer 2008</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/Navicat%20Premium_11.2.7%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87%E7%89%88.zip"
                                ><img
                                  src="@/assets/imgs/navicat11.png"
                                  alt="Navicat Premium_11.2.7简体中文版"
                                  title="Navicat Premium_11.2.7简体中文版"
                                /><span class="font"
                                  >Navicat Premium_11.2.7简体中文版</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/Navicat%E6%9C%80%E6%96%B0%E7%89%88.zip"
                                ><img
                                  src="@/assets/imgs/navicat12.png"
                                  alt="Navicat Premium 12破解版"
                                  title="Navicat Premium 12破解版"
                                /><span class="font"
                                  >Navicat Premium 12破解版</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-file.xiyanyuanma.com/Navicat15%E5%AE%89%E8%A3%85%E5%8C%85.txt"
                                ><img
                                  src="@/assets/imgs/navicat12.png"
                                  alt="Navicat Premium 15破解版"
                                  title="Navicat Premium 15破解版"
                                /><span class="font"
                                  >Navicat Premium 15破解版</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>
                      </Card>
                    </p>
                  </Card>
                </Col>
              </div>
            </Row>
          </div>

          <div class="se">
            <Row>
              <div class="service">
                <Col span="24" class="col">
                  <Card>
                    <p slot="title">
                      <Tag color="yellow" size="large">服务器</Tag>
                    </p>
                    <p>
                      <Card>
                        <p>
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/apache-tomcat-7.0.86.exe"
                                ><img
                                  src="@/assets/imgs/tomcat.png"
                                  alt="Tomcat7.0"
                                  title="Tomcat7.0"
                                /><span class="font">Tomcat7.0</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/ApacheTomcat8.zip"
                                ><img
                                  src="@/assets/imgs/tomcat.png"
                                  alt="Tomcat8.0"
                                  title="Tomcat8.0"
                                /><span class="font">Tomcat8.0</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/apache-tomcat-9.0.16.zip"
                                ><img
                                  src="@/assets/imgs/tomcat.png"
                                  alt="Tomcat9.0"
                                  title="Tomcat9.0"
                                /><span class="font">Tomcat9.0</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/FileZilla_3.24.0.0_win64-setup.zip"
                                ><img
                                  src="@/assets/imgs/filezilla.png"
                                  alt="Filezilla"
                                  title="Filezilla"
                                /><span class="font">Filezilla</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/Xshell.zip"
                                ><img
                                  src="@/assets/imgs/xshell.png"
                                  alt="Xshell"
                                  title="Xshell"
                                /><span class="font">Xshell</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/nginx-1.15.2.zip"
                                ><img
                                  src="@/assets/imgs/nginx.png"
                                  alt="nginx-1.15.2"
                                  title="nginx-1.15.2"
                                /><span class="font">Nginx-1.15.2</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/Fiddler_4.6.20171.26113%20%281%29.zip"
                                ><img
                                  src="@/assets/imgs/fiddler.jpg"
                                  alt="Fiddler抓包工具"
                                  title="Fiddler抓包工具"
                                /><span class="font">Fiddler抓包工具</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/redisclient-%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%B7%A5%E5%85%B7.zip"
                                ><img
                                  src="@/assets/imgs/redis.jpg"
                                  alt="Redis客户端工具"
                                  title="Redis客户端工具"
                                /><span class="font">Redis客户端工具</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/vm.zip"
                                ><img
                                  src="@/assets/imgs/vmware.jpg"
                                  alt="vmware虚拟机加镜像"
                                  title="vmware虚拟机加镜像"
                                /><span class="font"
                                  >vmware虚拟机加镜像</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>
                      </Card>
                    </p>
                  </Card>
                </Col>
              </div>
            </Row>
          </div>

          <div class="ve">
            <Row>
              <div class="version">
                <Col span="24" class="col">
                  <Card>
                    <p slot="title">
                      <Tag color="geekblue" size="large">版本控制</Tag>
                    </p>
                    <p>
                      <Card>
                        <p>
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/Git-2.21.0-64-bit.zip"
                                ><img
                                  src="@/assets/imgs/git.png"
                                  alt="Git-2.21.0-64-bit"
                                  title="Git-2.21.0-64-bit"
                                /><span class="font">Git-2.21.0-64-bit</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/TortoiseSVN-1.10.5.28651-x64-svn-1.10.6.zip"
                                ><img
                                  src="@/assets/imgs/svn.png"
                                  alt="Svn"
                                  title="Svn"
                                /><span class="font">Svn</span></a
                              >
                            </p>
                          </Card>
                        </p>
                      </Card>
                    </p>
                  </Card>
                </Col>
              </div>
            </Row>
          </div>

          <div class="fe">
            <Row>
              <div class="front">
                <Col span="24" class="col">
                  <Card>
                    <p slot="title">
                      <Tag color="volcano" size="large">前端</Tag>
                    </p>
                    <p>
                      <Card>
                        <p>
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/VSCodeUserSetup-x64-1.31.1.zip"
                                ><img
                                  src="@/assets/imgs/vscode.png"
                                  alt="VsCode"
                                  title="VsCode"
                                /><span class="font">VsCode</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/EditPlus_v5.1.0.2066.zip"
                                ><img
                                  src="@/assets/imgs/editplus.jpg"
                                  alt="EditPlus"
                                  title="EditPlus"
                                /><span class="font">EditPlus</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/NotePad++.zip"
                                ><img
                                  src="@/assets/imgs/notepad++.png"
                                  alt="NotePad++"
                                  title="NotePad++"
                                /><span class="font">NotePad++</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/android-studio-ide-191.5791312-windows.zip"
                                ><img
                                  src="@/assets/imgs/androidStudio.jpg"
                                  alt="Android Studio"
                                  title="Android Studio"
                                /><span class="font">Android Studio</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/%E5%8F%96%E8%89%B2%E5%99%A8.zip"
                                ><img
                                  src="@/assets/imgs/yanse.jpg"
                                  alt="取色器"
                                  title="取色器"
                                /><span class="font">取色器</span></a
                              >
                            </p>
                          </Card>
                        </p>
                      </Card>
                    </p>
                  </Card>
                </Col>
              </div>
            </Row>
          </div>
          <div class="oe">
            <Row>
              <div class="other">
                <Col span="24" class="col">
                  <Card>
                    <p slot="title">
                      <Tag color="cyan" size="large"> 其他</Tag>
                    </p>
                    <p>
                      <Card>
                        <p>
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/Postmanv6.6.1.zip"
                                ><img
                                  src="@/assets/imgs/postman.jpg"
                                  alt="Postman"
                                  title="Postman"
                                /><span class="font">Postman</span></a
                              >
                            </p>
                          </Card>
                        </p>
                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu.oneyuanma.com/TeamViewer9%E5%85%8D%E5%AE%89%E8%A3%85%E7%89%88%E6%9C%ACv2.zip"
                                ><img
                                  src="@/assets/imgs/TeamViewer.jpg"
                                  alt="远程调试TeamViewer"
                                  title="远程调试TeamViewer"
                                /><span class="font"
                                  >远程调试TeamViewer</span
                                ></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/SunloginClient_10.3.0.27372.zip"
                                ><img
                                  src="@/assets/imgs/xiangrikui.jpg"
                                  alt="远程调试向日葵"
                                  title="远程调试向日葵"
                                /><span class="font">远程调试向日葵</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/Bandicam.v4.3.3.zip"
                                ><img
                                  src="@/assets/imgs/bandicam.jpg"
                                  alt="bandicam录屏"
                                  title="bandicam录屏"
                                /><span class="font">Bandicam录屏</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/ps.zip"
                                ><img
                                  src="@/assets/imgs/ps.jpg"
                                  alt="Photoshop"
                                  title="Photoshop"
                                /><span class="font">Photoshop</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/phpStudy_64.zip"
                                ><img
                                  src="@/assets/imgs/php.jpg"
                                  alt="phpStudy"
                                  title="phpStudy"
                                /><span class="font">phpStudy</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/%E5%86%85%E7%BD%91%E5%85%8D%E8%B4%B9%E6%98%A0%E5%B0%84%E5%B7%A5%E5%85%B7.zip"
                                ><img
                                  src="@/assets/imgs/neiwang.jpg"
                                  alt="内网映射工具"
                                  title="内网映射工具"
                                /><span class="font">内网映射工具</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/%E8%AE%BF%E9%97%AE%E5%A4%96%E5%9B%BD%E7%BD%91%E7%AB%99%E8%BD%AF%E4%BB%B6.zip"
                                ><img
                                  src="@/assets/imgs/heike.jpg"
                                  alt="国外网站翻墙工具"
                                  title="国外网站翻墙工具"
                                /><span class="font">国外网站翻墙工具</span></a
                              >
                            </p>
                          </Card>
                        </p>

                        <p style="margin-top: 10px">
                          <Card>
                            <p>
                              <a
                                class="flex"
                                target=""
                                href="http://qiniu-plug.xiyanyuanma.com/%E6%9C%80%E6%96%B0%E7%89%88%E8%A7%86%E9%A2%91%E5%8E%BB%E6%B0%B4%E5%8D%B0%E5%B7%A5%E5%85%B7PC%20%E6%97%A0%E7%BA%BF%282%29.zip"
                                ><img
                                  src="@/assets/imgs/shuiyin.jpg"
                                  alt="无痕去水印工具"
                                  title="无痕去水印工具"
                                /><span class="font">无痕去水印工具</span></a
                              >
                            </p>
                          </Card>
                        </p>
                      </Card>
                    </p>
                  </Card>
                </Col>
              </div>
            </Row>
          </div>
        </div>
      </Col>
      <Col :xs="0" :sm="0" :md="0" :lg="7">
        <div class="layout-right">
          <recommend></recommend>
          <tag-wall style="margin-top: 15px"></tag-wall>
          <friend-links style="margin-top: 15px"></friend-links>
        </div>
      </Col>
    </Row>
  </div>
</template>

<script>
import TimeLineHeader from "@/components/views/TimeLine/TimeLineHeader";
import Recommend from "@/components/views/Recommend";
import TagWall from "@/components/views/TagWall";
import FriendLinks from "@/components/views/FriendLinks";

export default {
  data() {
    return {};
  },
  components: {
    "timeline-header": TimeLineHeader,
    recommend: Recommend,
    "tag-wall": TagWall,
    "friend-links": FriendLinks,
  },
};
</script>
<style lang="stylus" scoped rel="stylesheet/stylus">
.ivu-card {
  background: #fff !important;
}

.foot {
  margin: 80px 0px 40px 0px;
}

.ivu-card-head p, .ivu-card-head-inner {
  height: 40px;
}

.flex {
  display: flex;
  align-items: center;
}

.flex img {
  height: 50px;
  width: 50px;
}

.font {
  font-size: 22px;
  padding-left: 10px;
  color: #333;
}

.col {
  margin: 40px 0px 0px 0px !important;
  padding-right: 50px;
}

.ivu-tag-magenta, .ivu-tag-orange, .ivu-tag-yellow, .ivu-tag-green, .ivu-tag-cyan, .ivu-tag-geekblue, .ivu-tag-volcano {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .ivu-col {
    margin: 40px 0px 0px 0px !important;
    padding-right: 5px !important;
  }
}

.home-content {
  @media only screen and (max-width: 768px) {
    margin: 5px 5px 0 5px;
  }

  @media screen and (min-width: 768px) {
    margin: 10px 10px 0 10px;
  }

  @media screen and (min-width: 992px) {
    margin: 15px 35px 0 35px;
  }

  @media screen and (min-width: 1200px) {
    width: 1200px;
    margin: 15px auto 0;
    margin-bottom: 200px;
  }

  .layout-left, .layout-right {
    padding: 0;

    @media only screen and (max-width: 768px) {
      padding: 0;
    }

    @media screen and (min-width: 768px) {
      padding: 0;
    }

    @media screen and (min-width: 992px) {
      padding: 0 10px;
    }

    @media screen and (min-width: 1200px) {
      padding: 0 10px;
    }
  }
}
</style>
